var $table = $("#park_table");
var area;
$(function(){



    $table.bootstrapTable({
        url : "/park/page",
        sidePagination : 'server',
        cache : false,// 设置False禁用AJAX请求的缓存
        height : '',
        striped : true,// 使表格带有条纹
        pagination : true,// 设置True在表格底部显示分页工具栏
        pageList : [ 10, 15, 20, 30, 50, 100 ],
        search : false,
        queryParams : queryParams,
        responseHandler: function (res) {
            return {
                "total": res.total,//总页数
                "rows": res.list   //数据
            };
        },
        showColumns : false,// 设置为True可显示表格显示/隐藏列表
        showRefresh : false,// 设置为True可显示刷新按钮
        minimumCountColumns : 1,// 表格显示/隐藏列表时可设置最小隐藏的列数
        clickToSelect : false,// 设置为True时点击行即可选中单选/复选框
        toolbar : '#custom-toolbar',
        columns : [
            {field : 'area_name',title : '片区',align : 'center',width : 60,valign : 'middle'},
            {field : 'street_name',title : '街道',align : 'center',width : 60,valign : 'middle'},
            {field : 'number',title : '泊位号',align : 'center',width : 60,valign : 'middle'},
            {field : 'id',title : '操作',align : 'center',width : 80,valign : 'middle',
                formatter : function(value,row) {
                    return   "<a data-toggle='modal' href='#addPark' class=\"btn btn-info btn-xs\" onclick=\"edit('"+value+"','"+row.number+"','"+row.area_id+"')\"><i class=\"fa fa-pencil\"></i> 修改</a>"+
                        "<a href='javascript:void(0)' class=\"btn btn-danger btn-xs\" onclick=\"del('"+value+"')\"><i class=\"fa fa-trash-o\"></i> 删除</a>";
                }
            }
        ]
    });

    $.get("/area/list",function (data) {
        area=$.parseJSON( data );
        listArea(0);
        listStreet($("#search_areaName").val(),1);
        listStreet($("#areaName").val(),2);
    });

    $("#search_areaName").change(function () {
        listStreet($("#search_areaName").val(),1);
    });
    $("#areaName").change(function () {
        listStreet($("#areaName").val(),2);
    });

    $("#btn_search").click(function(){
        $table.bootstrapTable('refreshOptions', {
            url: '/park/page',
            pageNumber:1
        });
    });

    $("#btn-park-save").on('click',function(){
        if(!$('#park_form').isValid()){
            return false;
        }
        $.ajax({
            url:'/park/save',
            data:$("#park_form").serialize(),
            type:"POST",
            async : false,
            success:function(data){//ajax返回的数据
                if(data){
                    $('#addPark').modal('hide');
                    $table.bootstrapTable('refresh', {
                        url: '/park/page',
                        pageNumber:1
                    });
                    success();
                }else{
                    error();
                }
            }
        });
    });
});

function queryParams(params) {
    var name = $('#search_name').val();
    var areaId = $('#search_areaName').val();
    var streetId = $('#search_streetName').val();
    var queryParam = {
        areaId:areaId,
        streetId : streetId,
        number:name,
        pageSize : params.limit,
        pageNumber : params.offset
    };
    return queryParam;
}


/*
 *标准删除按钮
 */
function del(id){
    warnConfirm("确定删除这个泊位吗？",function (result) {
        if(result){
            $.ajax({
                type:'POST',
                url: '/park/delete/'+id,
                success: function(data){
                    if(data){
                        $table.bootstrapTable('refresh', {
                            url: '/park/page',
                            pageNumber:1
                        });
                        success();
                    }else{
                        error();
                    }
                }
            });
        }
    });

}

function edit(id,number,area_id) {
    $("#id").val(id);
    $("#number").val(number);
    $("#areaName").val(area_id);
    listStreet(area_id,2);

}


function clearAddModal() {
    $("#id").val("");
    $("#number").val("");
    listArea(2);
    listStreet($("#areaName").val(),2);
    // $("#areaCode").val("");
}
//type==1 搜索栏那块的街道选择框， type==2 新增那块的选择框 0代表所有
function listArea(type) {
    var html="";
    for(var i=0;i<area.length;i++){
        html=html+"<option value='"+area[i].id+"'>"+area[i].name+"</option>";
    }
    if(type==1){
        $("#search_areaName").empty().append("<option value=''>全部</option>"+html);
    }
    if(type==2){
        $("#areaName").empty().append(html);
    }
    if(type==0){
        $("#search_areaName").empty().append("<option value=''>全部</option>"+html);
        $("#areaName").empty().append(html);
    }
}
//type==1 搜索栏那块的街道选择框， type==2 新增那块的选择框
function listStreet(areaId,type){
    if(areaId){
        $.get("/street/list",{areaId:areaId},function(data){
            var street=$.parseJSON( data );
            var html="";
            if(!street || street.length==0){
                if(type==1){
                    $("#search_streetName").empty().append("<option value=''>无</option>");
                }
                if(type==2){
                    $("#streetName").empty().append("<option value=''>无</option>");
                }
            }else{
                for(var i=0;i<street.length;i++){
                    html=html+"<option value='"+street[i].id+"'>"+street[i].name+"</option>";
                }
                if(type==1){
                    $("#search_streetName").empty().append("<option value=''>全部</option>"+html);;
                }
                if(type==2){
                    $("#streetName").empty().append(html);
                }
            }
        });
    }else{
        if(type==1){
            $("#search_streetName").empty().append("<option value=''>全部</option>");
        }
        if(type==2){
            $("#streetName").empty().append("<option value=''>全部</option>");
        }
    }
}